<template>
    <div class="my-table">
        <table border="1" width="800px">
            <!-- 头部 -->
            <tr>
                <th>姓名</th>
                <th>年龄</th>
                <th>爱好</th>
                <th>操作</th>
            </tr>
            <tr v-for="item,index in list" :key="index">
                <td v-for="ele,i in item">{{ele}}</td>
                <td>
                    <!-- 在插槽上面绑定自定义属性   -->
                    <slot :row="item" :$index="index" :i="index" aa="123" msg="任何内容"></slot>
                </td>
            </tr>
        </table>
    </div>
</template>
<script>
export default {
    props:{
        list:{
            type:Array,
            default:()=>[]
        }
    }
}
</script>